<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <header>head</header>
    <article>
        <header>
            <p>
                Lorem, ipsum.
                <ul>
                    <li>Lorem.</li>
                </ul>
                <ul>
                    <li>Incidunt!</li>
                </ul>
                <ul>
                    <li>Repudiandae.</li>
                </ul>
                <ul>
                    <li>Veniam.</li>
                </ul>
                <ul>
                    <li>Labore.</li>
                </ul>
                <ul>
                    <li>Aliquid!</li>
                </ul>
            </p>
            <p>
                Cumque, adipisci.
                <ul>
                    <li>Tenetur!</li>
                </ul>
                <ul>
                    <li>Minima.</li>
                </ul>
                <ul>
                    <li>Quibusdam?</li>
                </ul>
                <ul>
                    <li>Voluptatem?</li>
                </ul>
                <ul>
                    <li>Obcaecati?</li>
                </ul>
                <ul>
                    <li>Magni.</li>
                </ul>
            </p>
            <p>
                Voluptatibus, ab.
                <ul>
                    <li>Velit.</li>
                </ul>
                <ul>
                    <li>Sapiente?</li>
                </ul>
                <ul>
                    <li>Non?</li>
                </ul>
                <ul>
                    <li>Voluptatem!</li>
                </ul>
                <ul>
                    <li>Libero.</li>
                </ul>
                <ul>
                    <li>Numquam!</li>
                </ul>
            </p>
            <p>
                Culpa, non.
                <ul>
                    <li>Accusamus.</li>
                </ul>
                <ul>
                    <li>Modi.</li>
                </ul>
                <ul>
                    <li>Excepturi?</li>
                </ul>
                <ul>
                    <li>Labore.</li>
                </ul>
                <ul>
                    <li>Perferendis?</li>
                </ul>
                <ul>
                    <li>Tenetur.</li>
                </ul>
            </p>
            <p>
                Nisi, nulla.
                <ul>
                    <li>Hic.</li>
                </ul>
                <ul>
                    <li>Non!</li>
                </ul>
                <ul>
                    <li>Fuga.</li>
                </ul>
                <ul>
                    <li>Hic!</li>
                </ul>
                <ul>
                    <li>Architecto!</li>
                </ul>
                <ul>
                    <li>In.</li>
                </ul>
            </p>
            <p>
                Animi, nesciunt.
                <ul>
                    <li>Laborum?</li>
                </ul>
                <ul>
                    <li>Est.</li>
                </ul>
                <ul>
                    <li>Quaerat.</li>
                </ul>
                <ul>
                    <li>Ducimus!</li>
                </ul>
                <ul>
                    <li>Sit!</li>
                </ul>
                <ul>
                    <li>Quae?</li>
                </ul>
            </p>
        </header>
        <header>
            lorem
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat necessitatibus sint quisquam obcaecati ipsum eveniet iste, vel magni veritatis vero impedit iure aperiam! Quibusdam accusantium repellat quaerat in culpa deserunt?</p>
        </header>
        <header>
            lorem
            <p>Ea, dignissimos obcaecati aspernatur necessitatibus voluptatibus animi tempore cumque placeat minima, laborum aut quia, quae repellat eveniet molestias in consequuntur earum blanditiis nisi aperiam sunt voluptatum. Libero sed rem recusandae.</p>
        </header>
        <header>
            lorem
            <p>Nisi nostrum aut vero tenetur, sit unde voluptatem earum modi numquam voluptatibus ipsam, dolorem ipsum itaque sint cupiditate dolores odio omnis officia fugiat velit distinctio minus est cum optio. Nemo.</p>
        </header>
        <header>
            lorem
            <p>Perspiciatis eius eum quibusdam eos dolore dignissimos earum cum suscipit, repellat non minima possimus reiciendis aliquam facere dolores rem ullam pariatur, debitis iure deserunt sed libero voluptas sit! Nihil, nulla.</p>
        </header>
        <header>
            lorem
            <p>Ipsam aperiam soluta veritatis laborum quod culpa tempora. Aliquid deleniti ut, tenetur nemo dolores quis consectetur. Illo assumenda distinctio aperiam quos temporibus. Ullam soluta, possimus beatae dolores nesciunt nihil ea!</p>
        </header>
        <header>
            lorem
            <p>Cumque possimus reiciendis harum molestiae, quae, rerum explicabo voluptate eligendi maxime quas sunt perferendis deleniti excepturi, placeat laboriosam nemo amet eveniet. Ratione eum modi iste voluptates amet minima doloribus consequuntur?</p>
        </header>

    </article>
    <footer>lorem</footer>
</body>
</html>